<template>
  <view class="complaint-feedback">
    <nav-bar left-text="投诉商家" />
    <bg-set background="#f2f3f7" />
    <view class="complaint-feedback__main">
      <view class="message">请选择故障反馈的场景</view>
      <view class="list">
        <uni-list-item
          v-for="(item, index) in listData"
          :title="item.title"
          :showArrow="true"
          :key="item.title"
          :to="item.url + `?complaintType=${complaintType[index]}`"
          clickable
        ></uni-list-item>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  name: "complaint-feedback",
  setup() {
    const complaintType = ["type1", "type2"];
    const listData = [
      {
        title: "交易退款、发货、售后问题",
        url: "/pages/profile/feedback/complaint-feedback-web-view",
      },
      {
        title: "虚假红包、恶意下载",
        url: "/pages/profile/feedback/complaint-feedback-web-view",
      },
    ];
    return { complaintType, listData };
  },
};
</script>
<style lang='scss' scoped>
.complaint-feedback {
  width: 100%;
  height: 100vh;
  &__main {
    width: 100%;
    .message {
      padding: 20rpx;
      line-height: 40rpx;
      box-sizing: border-box;
    }
  }
}
</style>